/* 超出长度省略 */
@mixin beyond-line-break {
  white-space: normal;
  word-break: break-all;
  overflow: hidden;
}

/* 展示 n 行, 超出部分省略 */
@mixin beyond-line-break-custom($line: 3) {
  text-overflow: ellipsis;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: $line;
  -webkit-box-orient: vertical;
}

/* tag 样式块 原项目设计, 不用可以删除 */
@mixin tag {
  &.tag {
    flex: unset;
    display: flex;
    align-items: center;
    padding: 3px 9px;
    background: #999;
    border-radius: 2px;
    color: #fff;
    &.align-right {
      margin-left: auto;
    }
    &.high-risk {
      color: #ff0404;
      background: #ffe2e2;
    }
    &.medium-risk {
      color: #f37132;
      background: #ffeee3;
    }
    &.low-risk {
      color: #f6ae43;
      background: #fff5e6;
    }
    &.no-risk {
      color: #2a73ec;
      background: rgba(42, 115, 236, 0.2);
    }
  }
}
